@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap";
/* [project]/app/(medical)/(website)/[center_slug]/styles/website.css [app-client] (css) */
:root {
  --brand-primary: #1e40af;
  --brand-primary-rgb: 30, 64, 175;
  --brand-primary-dark: #1d3557;
  --brand-primary-light: #eff6ff;
  --brand-secondary: #10b981;
  --brand-accent: #f59e0b;
  --bg-main: #f8fafc;
  --bg-card: #ffffff;
  --bg-glass: rgba(255, 255, 255, 0.75);
  --text-main: #0f172a;
  --text-muted: #64748b;
  --text-inverse: #ffffff;
  --border-main: #e2e8f0;
  --font-en: 'Inter', system-ui, -apple-system, sans-serif;
  --font-ar: 'Cairo', system-ui, -apple-system, sans-serif;
}
.dark, 
:root.dark {
  --bg-main: #09090b;
  --bg-card: #18181b;
  --bg-glass: rgba(24, 24, 27, 0.8);
  --text-main: #f4f4f5;
  --text-muted: #a1a1aa;
  --text-inverse: #09090b;
  --border-main: #27272a;
  --brand-primary-light: #172554;
}
.website-container {
  min-height: 100vh;
  background-color: var(--bg-main);
  color: var(--text-main);
  transition: background-color 0.3s ease, color 0.3s ease;
}
[dir="ltr"] .website-container {
  font-family: var(--font-en);
}
[dir="rtl"] .website-container {
  font-family: var(--font-ar);
}
.website-glass-card {
  background: var(--bg-glass);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--border-main);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.website-card {
  background-color: var(--bg-card);
  border: 1px solid var(--border-main);
  border-radius: 1.5rem;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.website-card:hover {
  box-shadow: 0 14px 35px -5px rgba(var(--brand-primary-rgb), 0.15);
  transform: translateY(-4px) scale(1.01);
  border-color: var(--brand-primary);
}
.bg-brand-primary {
  background-color: var(--brand-primary);
}
.text-brand-primary {
  color: var(--brand-primary);
}
.border-brand-primary {
  border-color: var(--brand-primary);
}
.bg-brand-light {
  background-color: var(--brand-primary-light);
}
.hero-gradient-bg {
  background-color: var(--bg-card);
  transition: background 0.3s ease;
}
.insurance-gradient-bg {
  background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
}
.bg-grid-pattern {
  background-size: 80px 80px;
  background-image: linear-gradient(to right, rgba(30, 64, 175, 0.015) 1px, transparent 1px), linear-gradient(to bottom, rgba(30, 64, 175, 0.015) 1px, transparent 1px);
}
.dark .bg-grid-pattern {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.005) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.005) 1px, transparent 1px);
}
@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
}
.animate-float {
  animation: float 4s ease-in-out infinite;
}
@keyframes float-reverse {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(8px);
  }
}
.animate-float-reverse {
  animation: float-reverse 4.5s ease-in-out infinite;
}

/*# sourceMappingURL=app_(medical)_(website)_[center_slug]_styles_website_c8c8cd.css.map*/